import React from 'react'
import { connect } from 'react-redux'
function Count(props) {
  console.log(props)
  return (
    <div>
      <p>{props.c}</p>
      <button onClick={() => {
        props.dispatch({type:'increment', num: 6})
      }}>+</button>
      <button>-</button>
    </div>
  )
}

// 默认Count组件无法接收到redux中的数据,需要数据的话,则需要定义一个函数,并将函数传入connect第一次调用的第一个位置上
// map(映射)
function mapStateToProps(state) {
  console.log(state)
  return {
    // 这个对象中写了什么,Count组件就可以通过props接收到什么
    c: state.count
  }
}
export default connect(mapStateToProps)(Count)

/*


  function connect(){
    return function(WC){
      return class Far extends Compnent{
        render(){
          return <WC></WC>
        }
      }
    }
  }






*/
